<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>申请发票</title>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/invoice.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">申请发票</h1>
</header>
<div class="mui-content">
    <div v-for="product in products" class="mui-row qy-border-bottom qy-bg-white qy-padding-vertical-8 qy-padding-horizontal-4 qy-margin-top-8px">
        <div class="mui-col-xs-3">
            <img :src="product.pImg" width="100%" height="72px" />
        </div>
        <div class="mui-col-xs-9 qy-padding-left-8px">
            <div class="font-size-21">{{product.pName}}</div>
            <div class="qy-text-red">
                <span class="font-size-12">&yen;</span>
                <span class="font-size-18">{{product.pPrice}}</span>
            </div>
            <div class="qy-flex qy-font-size-14px qy-text-label">
                <span>体检人：{{product.pChecker}}</span>
                <span class="qy-margin-left-6px">体检时间：{{product.pTime}}</span>
            </div>
        </div>
        <div class="mui-col-xs-12 qy-text-right">
            <span class="mui-btn mui-btn-warning mui-btn-outlined qy-padding-horizontal-4px qy-padding-vertical-12px" @click="apply">申请发票</span>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/ApplyInvoice.js"></script>